<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8" />
		<title>导游详情</title>
		<meta name="renderer" content="webkit" />
		<meta http-equiv="mobile-agent" content="format=html5; url=http://m.liantu.cn/daoyou/65548.html" />
		<meta http-equiv="Cache-Control" content="no-transform" />
		<link rel="shortcut icon" href="images/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/guide_detail.css" />
		<script type="text/javascript" id="js-prelogin" src="js/cas.js"></script>
		<script type="text/javascript" src="js/jquery.seajs.js" id="seajsnode"></script>
		<script type="text/javascript" src="js/daoyou.js"></script>
		<script type="text/javascript" src="js/vue.min.js"></script>
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="js/jingdian.js"></script>
		<script type="text/javascript" src="js/userMsg.js"></script>
		<script type="text/javascript">
			var TU = {
				wwwUrl: 'http://www.liantu.cn',
				myUrl: 'http://my.liantu.cn',
				imageUrl: 'http://static.liantu.cn/image/',
				domain: 'liantu.cn',
				today: '2016-03-08',
				mobile_agent: 'http://m.liantu.cn/daoyou/65548.html'
			};
			var isMobi = (function() {
				var u = navigator.userAgent.toLowerCase();
				return u.indexOf("mobi") > 0 || u.indexOf("nexus 7") > 0 || u.indexOf("480") > 0;
			})();
			if(isMobi && TU.mobile_agent != '') {
				location.href = TU.mobile_agent;
			}
		</script>

		<!--[if lte IE 8]>
      <script type="text/javascript">
      $(function(){
      var $body=$('body');
      var $window =  $(window);
      $window.resize(function() {
      var width = $window.width();
      if(width<768){
      $body.addClass("media-small").removeClass("media-medium");
      }else if(width<1300){
      $body.addClass("media-medium").removeClass("media-small");
      }else{
      $body.removeClass("media-small").removeClass("media-medium");
      }
      }).resize();
      });
      </script>
      <![endif]-->
	</head>

	<body onload="jingdian()">
		<div class="wrapper">
			<div class="header">
				<div class="mod-head">
					<div class="bg"></div>
					<div class="box">
						<div class="logo">
							<a href="index.html"><img src="images/logo.png" alt="联途" /></a>
						</div>
						<div class="J_search search">
							<div class="sbox">
								<input type="text" class="text" placeholder="输入想去的地方（例如：北京）" />
								<span class="ico"><span></span></span>
							</div>
						</div>
						<div class="link">
							<a href="apply2.html" id="sqdy" target="_blank">申请成为向导</a>
							<br />
						</div>
						<div class="login pl-login-info" id="pl-login-info">
							<div class="info">
								<a href="signin.html" id="logining">登录</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="full-column">
					<div class="mod-bg" style="background-image:url(images/4.jpg);"></div>
					<div class="mod-fixed">
						<div class="fixed-bar">
							<div class="fixed-main">
								<a href="#profile">关于我</a>
								<a href="#service">我提供的服务</a>
								<a href="#schedule">我的服务档期</a>
								<a href="#reviews">服务评价</a>
							</div>
							<div class="fixed-side">
								<span class="price"><span>￥{{flist[0].ser_price}}</span>/天</span>
								<span class="text">基础导游服务</span>
								<span class="intro">（含车）</span>
							</div>
						</div>
					</div>
					<div class="mod-bg2"></div>
				</div>
				<div class="inner">
					<div class="main">
						<div class="content">
							<div id="dyd">
								<div class="mod-detail">
									<span class="pic"> <img :src='getImgUrl(dlist.uinfo.user_img)' alt="陈艳" width="300" height="300" /> </span>
									<div class="detail-info">
										<div class="intro">
											<span class="name">{{dlist.gui_name}}</span>
											<span class="sex">{{dlist.gui_sex}}</span>
											<span class="age">{{dlist.gui_name}}</span>
											<span class="location"><span class="ico"></span>{{dlist.gui_province}}</span>
										</div>
										<div class="tags">
											<span class="label">擅长语言：</span>
											<span class="tag" v-for="linfo of getLanguuage()">{{linfo.lang_name}}</span>
										</div>
										<div class="figure">
											<p class="reservation">预约量：<span>{{orders}}</span></p>
										</div>
									</div>
								</div>
								<div class="mod-profile" id="profile">
									<div class="title">
										您好，我是{{dlist.gui_name}}
									</div>
									<div class="info">
										<p>{{dlist.gui_details}}</p>
									</div>
									<!--<div class="pic">
									<ul>
										<li><img src="images/201509081719252729.jpg" alt="陈艳照片" /></li>
										<li><img src="images/201509081719499943.jpg" alt="陈艳照片" /></li>
										<li><img src="images/201509081720055482.jpg" alt="陈艳照片" /></li>
									</ul>
								</div>-->
								</div>
							</div>
							<!--
                            	作者：offline
                            	时间：2019-09-15
                            	描述：
                            -->
							<div class="mod-service" id="fu">
								<div class="title">
									我提供的服务
								</div>
								<div class="pic" id="service_pic" data-gid="65548">
									<ul>
										<li data-type="base" data-base-id="6" v-for="(info,index) of flist" v-if="index<6">
											<div class="block">
												<img src="images/base.jpg" alt="基础服务" />
												<span class="cover"></span>
												<div class="text">
													<span class="info">{{info.ser_name}}</span>
													<span class="name">导游服务</span>
												</div>
											</div>
											<div class="price">
												<span class="num">{{info.ser_price}}</span>元/天
												<span class="ico"></span>
											</div>
										</li>

									</ul>
								</div>
							</div>
							<div class="mod-schedule" id="schedule">
								<div class="calendar">
									<div class="tu-calendar" data-workdate="">
									</div>
								</div>
							</div>

							<div class="mod-spot mod-hot">
								<div class="hd">
									<span class="tit"><a href="/jingdian/14/1231/" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;旅游景点</a></span>
									<span>/</span>
									<a href="jingdian.html" class="hmore" target="_blank" title="旅游景点">更多</a>
								</div>
								<div class="bd">
									<div class="spot" id="jd">
										<ul>
											<li v-for="info of list">
												<a :href='getplaceUrl(info.place_name)' target="_blank ">{{info.place_name}}</a><span>{{info.place_address}}</span></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="side" id="fu1">
							<div class="price-bg"></div>
							<div class="mod-price">
								<p class="title">{{flist[0].ser_name}}</p>
								<p class="price">￥{{flist[0].ser_price}}<span> /天</span></p>
								<p class="car" id="car">{{getCar(dlist.gui_car)}}</p>
							</div>
							<div class="mod-order">
								<form action="" method="get">
									<input type="hidden" name="gid" value="65548" />
									<input type="hidden" name="type" value="daoyou" />

									<div class="add" data-nickname="陈艳">
										<div class="hd">
											我添加的服务
										</div>
										<input type="hidden" name="service" value="" />
										<ul class="bd">
										</ul>
									</div>
									<div class="btn">
										<input id="lijiyuding" type="button" name="button" value="立即预定" v-on:click="getguiUrl(dlist.gui_province)" />
									</div>
								</form>
								<div class="mod-step">
									<dl>
										<dt>
                                        1
                                        </dt>
										<dd>
											提交预定申请
										</dd>
									</dl>
									<dl>
										<dt>
                                        2
                                        </dt>
										<dd>
											等待导游处理
										</dd>
									</dl>
									<dl>
										<dt>
                                        3
                                        </dt>
										<dd>
											支付费用
										</dd>
									</dl>
									<dl>
										<dt>
                                        4
                                        </dt>
										<dd>
											享受旅行后评价
										</dd>
									</dl>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="mod-sliderbg"></div>
			<div class="mod-slider">
				<div class="small-bg"></div>
				<div class="slider">
					<div class="close"></div>
					<div class="big">
						<a href="javascript:" class="prev"></a>
						<a href="javascript:" class="next"></a>
						<div class="big-box">
							<ul class="big-inner">
								<li><img src="images/201509081719252729.jpg" alt="陈艳照片" /> </li>
								<li><img src="images/201509081719499943.jpg" alt="陈艳照片" /> </li>
								<li><img src="images/201509081720055482.jpg" alt="陈艳照片" /> </li>
								<li><img src="images/201509251258598306.jpg" alt="陈艳照片" /> </li>
								<li><img src="images/201509251259106640.jpg" alt="陈艳照片" /> </li>
								<li><img src="images/201509251259356797.jpg" alt="陈艳照片" /> </li>
							</ul>
						</div>
					</div>
					<div class="small">
						<a href="javascript:" class="small-prev"></a>
						<a href="javascript:" class="small-next"></a>
						<div class="small-box">
							<ul class="small-inner">
								<li> <img src="images/201509081719252729_256x172.jpg" alt="陈艳照片" width="100" /> </li>
								<li> <img src="images/201509081719499943_256x192.jpg" alt="陈艳照片" width="100" /> </li>
								<li> <img src="images/201509081720055482_256x192.jpg" alt="陈艳照片" width="100" /> </li>
								<li> <img src="images/201509251258598306_256x341.jpg" alt="陈艳照片" width="100" /> </li>
								<li> <img src="images/201509251259106640_256x192.jpg" alt="陈艳照片" width="100" /> </li>
								<li> <img src="images/201509251259356797_256x192.jpg" alt="陈艳照片" width="100" /> </li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="mod-popbg"></div>
			<div class="mod-pop"></div>
			<div class="footer">
				<div class="mod-back">
					<span class="qrcode"> <span class="ico"></span> <img src="images/qrcode.jpg" alt="联途微信二维码" width="200" height="200" />官方微信服务号 </span>
					<a href="javascript:" class="code" id="code"></a>
					<a href="index.html" class="customer"></a>
					<a href="#" class="goback"></a>
				</div>
				<div class="mod-foot">
					<div class="info">
						<div class="contact">
							<p class="logo">
								<a href="index.html"><img src="images/logo.png" alt="联途" width="136" height="50" /></a> <span>同行之路，有你才有意义</span> </p>
							<p class="tell">4006 666863</p>
							<p>24小时服务热线</p>
						</div>
						<dl>
							<dt>
                            公司信息
                            </dt>
							<dd>
								<a href="about.html" target="_blank" rel="nofollow">关于我们</a>
							</dd>
							<dd>
								<a href="copyright.html" target="_blank" rel="nofollow">免责声明</a>
							</dd>
							<dd>
								<a href="contact.html" target="_blank" rel="nofollow">联系我们</a>
							</dd>
							<dd>
								<a href="join.html" target="_blank" rel="nofollow">加入我们</a>
							</dd>
						</dl>
						<dl>
							<dt>
                            帮助中心
                            </dt>
							<dd>
								<a href="xieyi.html" target="_blank" rel="nofollow">用户协议</a>
							</dd>
							<dd>
								<a href="safe.html" target="_blank" rel="nofollow">安全保障</a>
							</dd>
							<dd>
								<a href="process.html" target="_blank" rel="nofollow">预定流程</a>
							</dd>
						</dl>
						<dl class="app">
							<dt>
                            发现
                            </dt>
							<dd>
								<a href="/app/" target="_blank">Android客户端</a>
							</dd>
							<dd>
								<a href="/app/" target="_blank">iOS客户端</a>
							</dd>
							<dd>
								<a href="/app/huilv/" target="_blank">联途汇率</a>
							</dd>
							<dd>
								<a href="/app/tongyou/" target="_blank">联途同游</a>
							</dd>
						</dl>
					</div>
					<div class="copyright">
						<a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">闽ICP备15007411号-1</a> Copyright &copy; 2016 liantu.cn, All Rights Reserved stat
					</div>
				</div>
			</div>
		</div>
		<!--<script type="text/javascript">
			(function() {
				var $info3 = $('.pl-login-info');
				PL.init({
					domain: 'http://my.liantu.cn',
					callback: function(nickName, html) {
						!PL.MID ? (function() {
							html.push('<div class="info"><a href="signin.html">登录</a></div>');
						})() : (function() {
							var num = PL.type ? (PL.merchantlaunchordernum + PL.merchantordernum) : PL.memberordernum;
							html.push('<div class="user">' + (num > 0 ? '<span class="num"><span>' + num + '</span></span>' : '') + '<img src="' + PL.avatar + '" alt="' + nickName + '" width="40" height="40"/><span class="name">' + nickName + '</span><span class="ico"></span></div>');
							if(PL.type) {
								html.push('\
      <div class="list">\
      <div class="ico"></div>\
      <ul>\
      <li class="d-pc"><a href="http://my.liantu.cn/merchant/">商户信息</a></li>\
      <li><a href="http://my.liantu.cn/merchant/order/reserve/">' + (PL.merchantlaunchordernum ? '<span class="num"><span>' + PL.merchantlaunchordernum + '</span></span>' : '') + '预约管理</a></li>\
      <li><a href="http://my.liantu.cn/merchant/order/">' + (PL.merchantordernum ? '<span class="num"><span>' + PL.merchantordernum + '</span></span>' : '') + '订单管理</a></li>\
      <li class="d-m"><a href="http://my.liantu.cn/merchant/account/">我的钱包</a></li>\
      <li class="d-m"><a href="/banyou/">伴游</a></li>\
      <li class="d-m"><a href="/daoyou/">导游</a></li>\
      <li class="d-m"><a href="/tongyou/">同游</a></li>\
      <li class="d-pc"><a href="javascript:;" onclick="TU.logout();">退出</a></li>\
      </ul>\
      </div>');
							} else {
								html.push('\
      <div class="list">\
      <div class="ico"></div>\
      <ul>\
      <li class="d-pc"><a href="member_info.html">个人信息</a></li>\
      <li><a href="member_order.html">' + (PL.memberordernum > 0 ? '<span class="num"><span>' + PL.memberordernum + '</span></span>' : '') + '我的订单</a></li>\
      <li><a href="member_tongyou.html">我的同游</a></li>\
      <li class="d-m"><a href="http://my.liantu.cnmember_withdraw.html">我的钱包</a></li>\
      <li class="d-m"><a href="/banyou/">伴游</a></li>\
      <li class="d-m"><a href="/daoyou/">导游</a></li>\
      <li class="d-m"><a href="/tongyou/">同游</a></li>\
      <li class="d-pc"><a href="javascript:" onclick="TU.logout();">退出</a></li>\
      </ul>\
      </div>');
							}
						})();
						if(!pl_status && !PL.type) {
							var div = document.createElement('div');
							div.className = 'link';
							div.innerHTML = '<a href="apply.html" target="_blank">申请成为向导</a>';
							var $info = document.getElementById('pl-login-info');
							if($info) {
								$info.parentNode.insertBefore(div, $info);
							}
						}
						pl_status = 1;
					}
				});
			})();
			var pl_status = 0;
		</script>-->

		<script type="text/javascript">
			seajs.config({
				base: 'http://static.liantu.cn/script/dist',
				paths: {
					'modules': 'http://static.liantu.cn/script/dist'
				},
				map: [
					[/^(.*?\/script\/(?:src|dist)\/.*?\/.*?\.js$)(?:.*)$/i, '$1?version=v1']
				],
				charset: 'utf-8'
			});
			//			seajs.use('modules/www/public/common.js');
			seajs.use('modules/www/guide/index.js');
		</script>

		<!--<script type="text/javascript">
			var Vm = new Vue({
				el:"#dy",
				data: {
					dlist: getGui()
				}
			})
		</script>-->
		<script type="text/javascript" src="js/daoyou_detail.js"></script>
		<script type="text/javascript">
			var Vm = new Vue({
				el: "#dyd",
				data: {
					dlist: getGuidd(),
					orders: getOrders()
				},
				methods: {
					getImgUrl(item) {
						var url = 'http://114.55.145.243:8080/img/img/' + item + '.jpg'
						return url
					}
				}
			})

			
		</script>

		<script type="text/javascript" src="js/fuwu.js"></script>
		<script type="text/javascript">
			var Vm = new Vue({
				el: "#fu",
				data: {
					flist: getGuifu()

				}
			})
			var Vm = new Vue({
				el: "#fu1",
				data: {
					flist: getGuifu(),
					dlist: getGuidd()
				},
				methods: {
					getCar(item) {
						if(item == 0) {
							return "（不含车）"
						}
						if(item == 1) {
							return "（含车）"
						}
					},
					getguiUrl(item) {
						if($("#logining").html() == "登录") {
							alert("请先登录！")
							location.href = "signin.html"
						} else {
							location.href = "daoyou_book.html?gui_id=" + oneValues() + "&gui_province=" + item
						}

					}
				}
			})
		</script>
		<div class="hide">
		</div>
	</body>

</html>